<template>
    <!-- pub_header_padding pub_tabbar_padding -->
    <view class="pub_page pub_demo">
        <pub-head v-show="pagescrollTop > 30"  :headerConfig="headerConfig"></pub-head>
        <pub-loading></pub-loading>
        <pub-dialog v-show="dialogShow" dialogName="demo" :dialogConfig="dialogConfig"
            @dialogBack="dialogBack"></pub-dialog>
        <div v-for="item in 100" :key="item" @click="dialogShow = true">
            {{ item }}{{ item }}{{ item }}
        </div>
        <div class="pub_inputs">
            <div class="abox">
                <div class="ali ali_align_right">
                    <div class="atitle">产品名字</div>
                    <input class="ainput" type="text" placeholder="请输入">
                </div>
                <div class="ali ali_1 ali_align_right">
                    <div class="atitle">原价</div>
                    <input class="ainput" type="text" placeholder="请输入">
                </div>
                <div class="ali ali_1 ali_align_right">
                    <div class="atitle">现价</div>
                    <input class="ainput" type="text" placeholder="请输入">
                </div>
                <div class="ali">
                    <div class="atitle">所在地区</div>
                    <picker class="apicker" @change="areaPickerChange" @columnchange="areaColumnPickerChange"
                        :value="areaIndex" :range="areaList" range-key="name" mode="multiSelector">
                        <input type="text" v-model="areaName" placeholder="请选择所在地区" disabled>
                    </picker>
                </div>
                <div class="ali">
                    <div class="atitle">产品描述</div>
                    <textarea class="atextarea" placeholder="请输入"></textarea>
                </div>
                <div class="ali">
                    <div class="atitle">产品详情图</div>
                    <div class="img_lis">
                        <div class="img_no"></div>
                        <div class="img_li" v-for="(li, key) in 8" :key="key">
                            <pub-image class="img" :src="'../../static/headimg.png'"></pub-image>
                            <pub-image class="del" :src="'../../static/aimg/img_67.png'"></pub-image>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </view>
</template>

<script>
export default {
    data() {
        return {
            pagescrollTop: 0,
            headerConfig: {
                title: 'demo',//标题栏内容
            },
            dialogShow: false,
            dialogType: '',
            dialogConfig: {
                title: 'demo',//标题栏内容
                content: ''
            }
        };
    },
    onLoad() {
        // this.$comFun.toast('请输入正确的支付金额');
        // this.$comFun.openLoading('急急急');
        // setTimeout(()=>{
        //     this.$comFun.closeLoading();
        // },5000)
    },
    onPageScroll(res) {
        this.pagescrollTop = res.scrollTop;
    },
    methods: {
        dialogBack(data) {
            console.log(data);
            this.dialogShow = false;
            if (data.name == 'demo' && data.key == 1) {
                // let obj = {
                //     'listSpeed': 'sure_speed',
                //     'listGet': 'sure_get',
                //     'listVerify': 'sure_verify',
                // }
                // this.listDeal(obj[this.dialogType])
            }
        }
    },
};
</script>

<style lang="scss" scoped>
// @import "@/common/css/demo.scss";
</style>
